<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>guicomponents</title>
<meta name="description" content="a library for the programming environment processing" />
<meta name="keywords" content="processing.org, library" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="ROBOTS" content="index,follow,archive" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="author" content="Peter Lager" />
<meta name="Rating" content="General" />
<meta name="revisit-after" content="7 Days" />
<meta name="doc-class" content="Living Document" />
<link rel="stylesheet" type="text/css" href="./stylesheet.css">
</head>
<body>
	<div id="container">
	
		<div id="header">
			<h1>guicomponents</h1>
		</div>
		
		<div id="menu" class="clear">
			<ul>
				<li><a href="#about">About</a> \ </li>
				<li><a href="#download">Download</a> \ </li>
				<li><a href="#download">Installation</a> \ </li>
				<li><a href="#examples">Examples</a> \ </li>
				<li><a href="./reference/index.html" target="_blank">Reference</a></li>
				<!-- <li><a href="#demos">Demos</a> \ </li> -->				
				<!-- <li><a href="#misc">Misc</a> \ </li> -->
				<!-- <li><a href="#images">Images</a> \ </li> -->
			</ul>
		</div>
		
		<div id="content" class="clear">
			
			<div id="about">
			<h2>guicomponents</h2>
			<p>
			A library by <a href="http://gui4processing.lagers.org.uk">Peter Lager</a> for the programming environment <a href="http://www.processing.org" target="_blank">processing</a>. Last update, 03/22/2009.
			</p>
			<p>
			This project is about developing a set of 2D GUI components (buttons, sliders, labels, text boxes etc) that 
			can be used with all 2D and 3D graphics modes in the <a href="http://www.processing.org">Processing</a> 
			sketching environment.

			The GUI components are positioned on the display using pixel coordinates. A panel component is also 
			available which allows other components to be grouped. The panel can then be dragged anywhere on the screen 
			taking the components with it, when not required the panel can be collapsed to a simple tab 
			(hiding the components) so as to clear screen real estate for the main Processing sketch.

			Care has been taken to follow the standard library guidelines provided by 'Processing' to make it easy for 
			existing users to incorporate it into their own sketches and to ease further development of this library.

			</p>
			</div>
			
			
			
			<div id="download" class="clear">
			<h2>Download</h2>
			<p>
			Download guicomponents version 1.0.0 in 
			<a href="./download/guicomponents.zip">.zip format</a>.
			</p>
			<h2>Installation</h2>
			<p>
			Unzip and put the extracted guicomponents folder into the libraries folder of your processing sketches. Reference and examples are included in the guicomponents folder.
			</p>
			</div>	
			
			
			<div id="resources">
			<p><strong>Keywords</strong> gui, 2D, components, wimp, processing, sketching</p>
			<p><strong>Reference</strong>. Have a look at the javadoc reference <a href="./reference/index.html" target="_blank">here</a>. a copy of the reference is included in the .zip as well.</p>		
			<p><strong>Source</strong>. The source code of guicomponents is available at <a href="http://gui-for-processing.googlecode.com/svn/trunk/">google code</a>, and its repository can be browsed <a href="http://code.google.com/p/gui-for-processing/source/browse/" target="_blank">here</a>.</p>			
			</div>
			
			<div id="examples" class="clear">
			<h2>Examples</h2>
			<p>Find a list of examples in the current distribution of guicomponents, or have a look at them by following the links below.</p>
			<ul>
			<li><a href="examples/G4P_PeasyCam_Control_1/G4P_PeasyCam_Control_1.pde">G4P_PeasyCam_Control_1</a></li> <li><a href="examples/G4P_PeasyCam_HUD_1/G4P_PeasyCam_HUD_1.pde">G4P_PeasyCam_HUD_1</a></li> <li><a href="examples/G4P_ScaleShape/G4P_ScaleShape.pde">G4P_ScaleShape</a></li> <li><a href="examples/G4P_TextFields/G4P_TextFields.pde">G4P_TextFields</a></li> <li><a href="examples/G4P_Toroid/G4P_Toroid.pde">G4P_Toroid</a></li> 
			</ul>
			</div>
			
			
			<div id="info">
			<h2>Tested</h2>
			<p>
			<!-- on which platform has the library been tested? -->
			<strong>Platform</strong> XP, Vista
			
			<!-- which processing version did you use for testing your library? -->
			<br /><strong>Processing</strong> 1.0.3
			
			<!-- does your library depend on any other library or framework? -->
			<br /><strong>Dependencies</strong> none
			</p>
			</div>
		
			
			<!-- use the demos section for a list of applets run in a browser. -->
			<!--
			<div id="demos" class="clear">
				<h2>demos</h2>
				<p>
				find a list of online applet demos below.
				
				<ul>
					<li><a href="./applets/demo/index.html">demo</a></li>
				</ul>
				</p>
			</div>
			-->
			
			<!-- use the misc section for other relevant information. Activate the link to the misc section in the menu above. -->
			<!--
			<div id="misc" class="clear">
				<p></p>
			</div>
			-->
			
			<!-- use the images/screenshots section. Activate the link to the misc section in the menu above. -->
			<!--
			<div id="images" class="clear">
			</div>
			-->
			
			
			<br class="clear" />
		</div>
		
		<div id="footer">
			<p>by Peter Lager, 2009.</p>
		</div>
	</div>
</body>
</html>